<%--
  Created by IntelliJ IDEA.
  User: 松红
  Date: 2016/12/4
  Time: 11:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ page import="java.io.*,java.util.*,java.sql.*" %>
<%@ page import="javax.servlet.http.*,javax.servlet.*" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title>球员管理</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>约战平台</title>
    <%-------自适应------------%>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="http://favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--导入css文件（CDN与本地）-->
    <%--引入sui mobile 框架的css文件--%>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/member-min.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/member-ex.css">
    <link rel="stylesheet" href="http://g.alicdn.com/sj/qnui/1.5.1/css/sui.min.css">

</head>
<body>

<div class="page-group">
    <div class="page page-current">
        <%--球员管理标题栏--%>
        <header class="bar bar-nav">
            <h1 class="title">球员管理</h1>
        </header>
        <%--将从数据库提取的数据放到表格中--%>
        <div class="content">
            <div class="content-bock">

                <div style="text-align: center" class="content"><%--定义表格css样式--%>
                    <table class="sui-table table-primary"><%--引用sui的css样式--%>
                        <tr>
                            <th>球衣号</th>
                            <th>姓名</th>
                            <th>位置</th>
                            <th>操作</th>
                        </tr>
                        <%--依次遍历符合要求的结果--%>
                        <c:forEach var="members" items="${members}">
                            <tr style="text-align: center;color: white !important;">
                                <td>${members.memberId}</td>
                                <td>${members.memberName}</td>
                                <td>${members.memberFunction}</td>
                                <td>
                                        <%--操作按钮并添加链接--%>
                                    <a href="/team/member/${members.memberId}">
                                        <button class="sui-btn btn-primary btn-lg" data-toggle="modal"
                                                data-target="#myModal"
                                                data-keyboard="false">详细
                                        </button>
                                    </a>
                                </td>
                            </tr>
                        </c:forEach>
                    </table>
                    <%--设置添加队员按钮，实现添加队员的功能--%>
                    <div>
                        <a href="/team/member/addmember" class="sui-btn btn-bordered btn-xlarge btn-primary" style="color: white !important;background:rgba(43,156,225,0.7) !important;">添加队员</a>
                    </div>
                </div>
            </div>
        </div>
        <nav class="bar bar-tab">
            <%--首页按钮--%>
            <a class="tab-item external" href="<%=request.getContextPath()%>/">
                <span class="icon icon-home"></span><%--引用css中首页图片的样式--%>
                <span class="tab-label">首页</span>
            </a>
            <%--球队简介按钮--%>
            <a class="tab-item external" href="<%=request.getContextPath()%>/team/team/list">
                <span class="icon icon-menu"></span><%--引用css中简介图片的样式--%>
                <span class="tab-label">球队</span>
            </a>
            <%--队员管理按钮--%>
            <a class="tab-item external active" href="<%=request.getContextPath()%>/team/member/list">
                <span class="icon icon-card"></span><%--引用css中记录图片的样式--%>
                <span class="tab-label">队员</span>
            </a>
            <%--约战记录按钮--%>
            <a class="tab-item external " href="<%=request.getContextPath()%>/challenge/Challenge/receive">
                <span class="icon icon-settings"></span><%--引用css中管理图片的样式--%>
                <span class="tab-label">约战</span>
            </a>
        </nav>
    </div>
</div>
<!-- 底部工具栏 -->

<%--引入sui mobile 框架的js文件--%>
<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="http://g.alicdn.com/sj/qnui/1.5.1/js/sui.min.js"></script>
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
</body>
</html>
